<template>
    <el-menu unique-opened active-text-color="#ffd04b" class="el-menu-vertical-demo" default-active="2" router>
        <el-menu-item index="/home">
            <el-icon>
                <HomeFilled />
            </el-icon>
            <span>管理中心</span>
        </el-menu-item>

        <el-sub-menu index="2">
            <template #title>
                <el-icon>
                    <Setting />
                </el-icon>
                <span>权限管理</span>
            </template>
            <el-menu-item index="/menu">菜单列表</el-menu-item>
            <el-menu-item index="/role">角色列表</el-menu-item>
            <el-menu-item index="/admin">管理员列表</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="3">
            <template #title>
                <el-icon>
                    <OfficeBuilding />
                </el-icon>
                <span>机构管理</span>
            </template>
            <el-menu-item index="/business">医疗机构列表</el-menu-item>
        </el-sub-menu>
        <el-sub-menu index="4">
            <template #title>
                <el-icon>
                    <Document />
                </el-icon>
                <span>日志管理</span>
            </template>
            <el-menu-item index="/log">系统日志管理</el-menu-item>
        </el-sub-menu>
    </el-menu>
</template>

<script setup>
import { Document } from '@element-plus/icons-vue';

</script>

<style lang="scss" scoped>
.el-menu {
    border-right: 0;
}
</style>